<script setup lang="ts">

import { ref, onMounted } from 'vue';
 
const message = localStorage.getItem('usermessage') || '';

 
</script>
<template>

    <!-- router-link 声明式路由，用来控制页面显示用的 -->
    <footer class="footer">
      <router-link to="/">
      <van-icon  size="20" name="wap-home-o" />
        <p>首页</p>
      </router-link> 
      <router-link to="/find">
        <van-icon  size="20" name="eye-o" />
        <p>发现</p>
      </router-link>
      <router-link :to="message?'/talk':'/login'">
        <van-icon  size="20" name="chat-o" />
        <p>聊天</p>
      </router-link>
      <router-link :to="message?'/mine':'/login'">
        <van-icon  size="20" name="contact-o" />
        <p>我的</p>
      </router-link>
    </footer>

</template>